
<script src="__PUBLIC__/vendors/FusionCharts/js/fusioncharts.js" type="text/javascript"></script>
<script src="__PUBLIC__/vendors/FusionCharts/js/fusioncharts.charts.js" type="text/javascript"></script>
<style>
    p{margin: 0}
    .num-nav{font-size: 30px; height: 50px;width: 120px;}
    .num-nav span{font-size: 14px}
    .userinfo{height: 30px; font-size: 18px; background-color: #9FAFD1; color: #ffffff;margin-bottom: 20px}
    .user-menu{width: 120px; height: 60px; background-color: #00b7ee;color: #ffffff; border: 1px; border-radius: 5px;}
    .addgood{ height: 30px;font-size: 18px;}
    .addgood label{font-size: 20px;}
    .orderinfo{height: 30px; font-size: 18px; background-color: #9FAFD1; color: #ffffff;margin-bottom: 20px}
    .order-menu{width: 120px; height: 60px; background-color: #00b7ee;color: #ffffff; border: 1px; border-radius: 5px;text-align: center}
</style>

<div class="number row">
    <div class="row">
        <div class="col-xs-12 userinfo">会员概况</div>
    </div>

    <div class="row" style="text-align: center">
        <div class="col-xs-3 col-xs-offset-2"><div class="user-menu"><p>今日新增</p><p class="num-nav">{$numtoday}<span>人</span></p></div></div>
        <div class="col-xs-3"><div class="user-menu"><p>昨日新增</p><p class="num-nav">{$numyestoday}<span>人</span></p></div></div>
        <div class="col-xs-3"><div class="user-menu"><p>总人数</p><p class="num-nav">{$allnum}<span>人</span></p></div></div>

    </div>

    <div id="chart-container">
    </div>
</div>

<script>
    FusionCharts.ready(function(){

        var salesChart = new FusionCharts({
            type: 'scrollline2d',
            dataFormat: 'json',
            renderAt: 'chart-container',
            width: '100%',
            height: '300',
            dataSource: {
                "chart": {
                    "caption": "会员",
                    "subCaption": "(最近一周会员量)",
                    "xAxisName": "时间",
                    "yAxisName": "人数",
                    "showValues": "0",
                    "numberPrefix": "",
                    "showBorder": "0",
                    "showShadow": "0",
                    "bgColor": "#ffffff",
                    "paletteColors": "#008ee4",
                    "showCanvasBorder": "0",
                    "showAxisLines": "0",
                    "showAlternateHGridColor": "0",
                    "divlineAlpha": "100",
                    "divlineThickness": "1",
                    "divLineIsDashed": "1",
                    "divLineDashLen": "1",
                    "divLineGapLen": "1",
                    "lineThickness": "3",
                    "flatScrollBars": "1",
                    "scrollheight": "10",
                    "numVisiblePlot": "7",
                    "showHoverEffect":"1"
                },
                "categories": [
                    {
                        "category":
                        {$categories}
                    }
                ],
                "dataset": [
                    {
                        "data":
                        {$dataset}

                    }
                ]
            }
        }).render();

    });
</script>